/* 重置基础样式 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* 引入组件样式覆盖 */
@import "./overrides.less";

/* 根元素样式 */
:root {
  /* 主题色 */
  --primary-color: #18a058;

  /* 布局相关 */
  --header-height: 64px; /* 顶部导航栏高度 */
  --menu-height: 50px; /* 菜单项高度 */
  --tags-height: 44px; /* 标签页高度 */
  --logo-height: 126px; /* Logo 默认高度 (含padding) */
  --logo-collapsed-height: 68px; /* Logo 折叠时的高度 */
  --menu-width: 180px; /* 菜单展开宽度 */
  --menu-collapsed-width: 64px; /* 菜单折叠宽度 */

  /* 暗色模式变量 */
  --text-color: rgba(0, 0, 0, 0.85);
  --bg-color: #fff;
  --hover-color: rgba(0, 0, 0, 0.04);
}

/* 暗色模式 */
.dark {
  --text-color: rgba(255, 255, 255, 0.85);
  --bg-color: #18181c;
  --hover-color: rgba(255, 255, 255, 0.04);
}

/* HTML 和 Body 基础样式 */
html,
body {
  width: 100%;
  height: 100%;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
    Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
}

/* App 根容器样式 */
#app {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

/* naive-ui 组件样式覆盖 */
.n-layout {
  overflow: hidden !important;
}

.n-layout-scroll-container {
  overflow: hidden !important;
}

/* 滚动条样式 */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.3);
}

/* 深色模式滚动条 */
.dark ::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.2);
}

.dark ::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.3);
}
